.cycling {
	display: flex;
	flex-direction: column;
	height: 100vh;

	main {
		width: 100%;
		height: 1px;
		flex-grow: 1;
		overflow-y: auto;

		// 累计骑行公里数
		.distancebox {
			box-sizing: border-box;
			padding: 15px;
			width: 100%;
			height: 113px;
			background-color: aliceblue;

			#distance {
				font-size: 50px;
				color: #6a6aff;
				font-weight: 700;
			}
		}

		// 地图
		#map {
			width: 100%;
			height: 100%;
		}

		// GO按钮
		.go {
			position: absolute;
			left: 50%;
			top: 50%;
			transform: translate(-50%, -50%);
			width: 200px;
			height: 200px;
			background-color: #0080ff50;
			text-align: center;
			line-height: 200px;
			font-size: 70px;
			border-radius: 50%;
			color: #8600ff;
			font-weight: bold;
		}
	}
}
